<template>
  <div>
  <el-menu
      style="width: 200px;text-align: left"
      router
      :default-active="$route.path"
      class="el-menu-vertical-demo">
<!--  在上面添加router用以路由映射，映射采用index映射-->
    <el-menu-item index="/countIndex">
      <i class="el-icon-data-analysis"></i>
      <template #title>统计</template>
    </el-menu-item>
    <el-menu-item index="/home">
      <i class="el-icon-user-solid" ></i>
      <template #title>用户信息</template>
    </el-menu-item>
    <el-menu-item index="/donorinfo">
      <i class="el-icon-s-custom"></i>
      <template #title>献血者信息</template>
    </el-menu-item>
    <el-menu-item index="/bloodbanks">
      <i class="el-icon-s-home"></i>
      <template #title>血液库存信息</template>
    </el-menu-item>
    <el-menu-item index="/history">
      <i class="el-icon-s-order"></i>
      <template #title>献血记录信息</template>
    </el-menu-item>
    <el-menu-item index="/distribute">
      <i class="el-icon-odometer"></i>
      <template #title>血液发放信息</template>
    </el-menu-item>
    <el-menu-item index="/sites">
      <i class="el-icon-location-information"></i>
      <template #title>献血站点信息</template>
    </el-menu-item>
    <el-menu-item index="/cars">
      <i class="el-icon-truck"></i>
      <template #title>献血车信息</template>
    </el-menu-item>
    <el-menu-item index="/login">
      <i class="el-icon-s-promotion"></i>
      <template #title>退出系统</template>
    </el-menu-item>
  </el-menu>
  </div>
</template>

<script>
export default {
  name: "Aside"
}
</script>

<style>

</style>